<style type="text/css">
#hint1
{
	background:#d5c672;
	cursor:pointer;
	display:inline;
	text-align:center;
}
#hint1 li {
 display: block;
}
#hint1 li:hover {
font-weight:bold;
background: #a28244;
}
</style>
	<div class="causas"><br />
		<p align="center"><b>En esta sección sólo se listarán las causas que han sido etiquetadas como 'Históricas'</b><br /></p>
		<p align="center">Ingrese Palabra de Materia o Rol para Iniciar La Búsqueda.</p>
		<center><form action="javascript:causasFunctions(10)" id="buscaCausas_histo" method="post">
		<input type="text" name="idCausa_histo" id="idCausa_histo">
		<div id="hint1"></div>
		<input id="buttonCausa" type="submit" name="Submit" value="Buscar Causas" >
		</form></center>
		<div id="msj_errorCausa"></div>
	</div><br />
	<div id="errorCausa_histo">
	<?php 
		$resultados = $this->causas_model->getAllHisto(100,'',0);
		$nresult = $resultados->num_rows();
		if($nresult == 0)
			echo "<p>No hay causas almacenadas como historicas.</p>";
		else{
			?>
			<div style="height:300px;overflow: auto">
			<table id='tablaCausas'>
				<thead>
				<tr>
					<th style="text-align:center;">Rol</th>
					<th style="text-align:center;">Materia</th>
				</tr>
				</thead>
				
				<tbody>
			<?php
			$iterator = 0;
			
			foreach($resultados->result() as $row):
				?>
				<tr>
					<td><?php
						echo "<a style='cursor:pointer' title='Haga click para ver la información completa de la causa' onclick='javascript:causasFunctions(11,/".$row->rol."/)'>".$row->rol."</a>"?></td>
					<td><?php 
						echo $row->materia; ?></td>
				</tr>
			<?php
			endforeach;
			?>
				</tbody>
			
			</table>
				</div>
			<?php
		}
	?>
	</div>
<script type="text/javascript">
new Ajax.Autocompleter("idCausa_histo","hint1",base_url+"mod_causas/causas/getRol_histo");
</script>